import QtQuick 2.0
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import QtCharts 2.3
import QtGraphicalEffects 1.12

Page{
    id:root
    title: "Custom"


    ChartView{
        id:chartView
        anchors.fill: parent
        backgroundColor: "transparent"
        theme: ChartView.ChartThemeDark
        antialiasing: true
        ValueAxis {
              id: valueAxis
              min: 2000
              max: 2011
              tickCount: 12
              labelFormat: "%.0f"
        }
        AreaSeries {
              name: "Russian"
              axisX: valueAxis
              upperSeries: LineSeries {
                  XYPoint { x: 2000; y: 6 }
                  XYPoint { x: 2001; y: 7 }
                  XYPoint { x: 2002; y: 11 }
                  XYPoint { x: 2003; y: 13 }
                  XYPoint { x: 2004; y: 16 }
                  XYPoint { x: 2005; y: 7 }
                  XYPoint { x: 2006; y: 15 }
                  XYPoint { x: 2007; y: 19 }
                  XYPoint { x: 2008; y: 21 }
                  XYPoint { x: 2009; y: 11 }
                  XYPoint { x: 2010; y: 7 }
                  XYPoint { x: 2011; y: 14 }
              }
        }

        AreaSeries {
              name: "China"
              axisX: valueAxis
              upperSeries: LineSeries {
                  XYPoint { x: 2000; y: 6 }
                  XYPoint { x: 2001; y: 12 }
                  XYPoint { x: 2002; y: 5 }
                  XYPoint { x: 2003; y: 9 }
                  XYPoint { x: 2004; y: 12 }
                  XYPoint { x: 2005; y: 11 }
                  XYPoint { x: 2006; y: 17 }
                  XYPoint { x: 2007; y: 25 }
                  XYPoint { x: 2008; y: 14 }
                  XYPoint { x: 2009; y: 15 }
                  XYPoint { x: 2010; y: 20 }
                  XYPoint { x: 2011; y: 9 }
              }
        }
    }

    Glow {
        id:glow
        anchors.fill: chartView
        radius: 8
        samples: 17
        color: "#87CEFA"
        spread:0.0
        source: chartView
    }
//        RadialBlur {
//            anchors.fill: chartView
//            source: chartView
//            angle: 360
//            samples: 20
//        }

//        ZoomBlur {
//            anchors.fill: chartView
//            source: chartView
//            length: 24
//            samples: 20
//        }

}
